<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="../common/init.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>软件学院研究生信息管理系统</title>
<jsp:include page="../common/meta.jsp" flush="true" />
<jsp:include page="../common/style.jsp" flush="true" />
<link rel="stylesheet" type="text/css" href="<%=templatePath%>css/common/style.min.css"/>

<style type="text/css">
	.demo {background-color: #698fab }

	html { margin:0; padding:0; font-size:62.5%; }
	body { max-width:250px; min-width:250px; margin:0 auto; padding:2px 10px; font-size:14px; font-size:1.4em; }
	h1 { font-size:1.8em; }
	.demo { overflow:auto; border:1px solid silver; min-height:1300px; }
</style>
</head>
<body>
	<div class="leftNav">
		<!-- <div class="top_index_1">导航</div> -->
		<div class="navBar">
			<div id="data" class="demo"></div>
		</div>
	</div>
	<jsp:include page="../common/script.jsp" flush="true" />
	<script type="text/javascript">
	</script>
	<script type="text/javascript" src="<%=templatePath %>js/map/jquery-1.11.2.min.js"> </script>
	<script type="text/javascript" src="<%=templatePath %>js/map/jstree.min.js"> </script>
	<script type="text/javascript">
	// html demo

	// inline data demo
	$('#data').jstree({
		'core' : {
			'data' : [
				{ "text" : "B因子", "children" : [
						{ 
							"text" : "B1",
							"attr" :{"id":"node_b1"},
							"state" :"open"
						 },
						{ "text" : "B2" },
						{ "text" : "B2" }
				]},
				
				{ "text" : "R因子", "children" : [
						{ "text" : "R1", "children" :[
								{"text" : "R1.1", "children" : [ 
									{ "text" : "R1.1.1" }
								]},
								{"text" : "R1.2"}
							] 
						},
						
						{ "text" : "R2" },
						{ "text" : "R3" }
				]},
				
				{ "text" : "K因子","chidren" : [
					{"text": "K1"}
				]},
				
				{ "text" : "L因子","chidren" : [
					{"text": "L1"}
				]},
				{ "text" : "S因子","chidren" : [
					{"text": "S1"}
				]},
				{ "text" : "T因子","chidren" : [
					{"text": "T1"}
				]},
			]
		}
	});

 $tree.bind('select_node.jstree',function(e,data){  
        //alert($.data(data.rslt.obj[0],'cn'));  
        $("#serachArea").val($.data(data.rslt.obj[0],'id'));  
        $("#cnTxt").html($.data(data.rslt.obj[0],'cn'));  
        $("#enTxt").html($.data(data.rslt.obj[0],'en'));  
    }); 
	</script>
</body>

</html>
